<!doctype>
<meta charset="utf-8">
<html>
	<head>
		<title>常熟理工学院大学生科技节专题网站</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href="css/layout.css" rel="stylesheet" type="text/css" />
		<script src="jquery.js" type="text/javascript"></script>
	</head>
	<body id ="page4">
		<div id ="center">
			<div id ="main">
				<div id ="header">
					<div id ="row1">
						<form id="form1">
							学号<input type ="text" id= "name" name="name" autofocus ="true">
							密码<input type ="text" id= "pwd" name="pwd" >
							<input type="submit" value ="登录">
						<span><button id ="bt0"><a href="page0_zhuce.html">注册新用户</a></button></span>
					</div>
					<div id ="row2">
						<a href="index.html"><img src="images/logo.png" /></a>
					</div>
					<div id ="row3">
						<nav id ="nav">
							<ul>
								<li><a href="index.html">主页</a></li>
								<li><a href="page2_tongzhigonggao.html">通知公告</a></li>
								<li><a href="page3_chengguozhanshi.html">成果展示</a></li>
								<li><a href="index.html">相关讲座</a></li>
								<li><a href="page4_kejizhixing.html">科技之星</a></li>
								<li><a href="index.html">理工要闻</a></li>
							</ul>
						</nav>
					</div>
					
				</div>
				<div id ="content">					
					<div class ="row1">
						<div class ="con_title"><h3>科技之星 花落谁家？</h3></a></div>
						<section class="image-gallery group">
							<figure tabindex="1">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>一号×××</figcaption>
							</figure>
							<figure tabindex="2">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>二号×××</figcaption>
							</figure>
							<figure tabindex="3">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>三号×××</figcaption>
							</figure>
							<figure tabindex="4">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>四号×××</figcaption>
							</figure>
							<figure tabindex="5">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>五号×××</figcaption>
							</figure>
						</section>
						<section class="image-gallery group">
							<figure tabindex="1">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>六号×××</figcaption>
							</figure>
							<figure tabindex="2">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>七号×××</figcaption>
							</figure>
							<figure tabindex="3">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>八号×××</figcaption>
							</figure>
							<figure tabindex="4">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>九号×××</figcaption>
							</figure>
							<figure tabindex="5">
								<img src="images/候选人_0.jpg" alt="jump, matey" />
								<figcaption>十号×××</figcaption>
							</figure>
						</section>
					</div>
					<hr>
					<div class ="row2">
						<div class ="con_title"><h3>勇夺桂冠 拭目以待！</h3></a></div>
						<canvas id="myCanvas" width=600px height=800px ></canvas>	
					</div>
					<hr>
					<div class ="row3">
						<div class ="con_title"><h3>评选条件</h3></a></div>
						<div class ="row3_1">
							<p><ol >
								<li>参加各类课外科技学术作品竞赛、科技学术节活动、各类学术论文评比、数学建模竞赛等学生课外学术科技竞赛活动，获校级一等奖或校级以上的项目成员</li>
								<br>
								<li>独立或首位在专业期刊公开发表1篇以上（含一篇专业论文）</li>
								<br>
								<li>有至少一项技术成果获发明专利，或作为前3成员参与科研题获校级一等奖或校级以上奖励</li>
								<br>
								<li>在学生科技学术组织中担任主要负责人，带领团队或校级以上表彰奖励</li>
							</ol></p>
						</div>


					</div>
				</div>
				
				<div id="footer">
					<div class="cpr">
						<h4>版权所有 &copy;2016 常熟理工学院</h4>
						<h4>地址：江苏省常熟市南三环路99号（东湖校区）/湖山路99号（东南校区）</h4>
						<h4>电话：0512-52251113&nbsp;&nbsp;&nbsp;&nbsp;邮政编码：215500</h4>
					</div>
				</div>	
			</div>
			
		</div>
	</body>
	<script type="text/javascript">  
	    var c=document.getElementById("myCanvas");
        var cxt=c.getContext("2d");
	
        function drawclock(){
		    cxt.clearRect(0,0,500,500);
		    
			//表盘
		    cxt.beginPath();
		    //cxt.strokeStyle="blue";
			cxt.fillStyle="#abc8fc";
		    cxt.lineWidth=10;
		    cxt.arc(290,215,200,0,360,false);
			//cxt.stroke();
			cxt.fill();
			cxt.closePath();
			cxt.restore();
			//画刻度--小时
			for(var i=1;i<=12;i++){
				cxt.save();
				cxt.translate(290,215);
				cxt.rotate(i*30*Math.PI/180);
				cxt.beginPath();
				cxt.strokeStyle='black';
				cxt.lineWidth=8;
				cxt.moveTo(0,-190);
				cxt.lineTo(0,-170);
				cxt.stroke();
				cxt.closePath();
				cxt.restore();
			}
			//画刻度--分钟
			for(var j=1;j<=60;j++){
				cxt.save();
				cxt.translate(290,215);
				cxt.rotate(j*6*Math.PI/180);
				cxt.beginPath();
				cxt.strokeStyle='#000000';
				cxt.lineWidth=8;
				cxt.moveTo(0,-190);
				cxt.lineTo(0,-180);
				cxt.stroke();
				cxt.closePath();
				cxt.restore();
			}
		
			//画刻度数字
			for(var i=1;i<=12;i++){
				cxt.save();
				cxt.translate(290,215);
				//cxt.rotate(i*30*Math.PI/180);
				cxt.beginPath();
				cxt.font="36px Arial";
				cxt.fillStyle='black';
				cxt.textAlign='center';
				cxt.textBaseline='middle';
				var theta=(i-3)*2*Math.PI/12;
				var x=150*Math.cos(theta);
				var y=150*Math.sin(theta);
				cxt.fillText(i,x,y);
				cxt.stroke();
				cxt.closePath();
				cxt.restore();
			}
			
			
		
			//画秒圆
			cxt.beginPath();
			cxt.strokeStyle="black";
			cxt.fillStyle='gray'
			cxt.lineWidth=3;
			cxt.arc(290,215,10,0,360,false);
			cxt.fill();
			cxt.stroke();
			cxt.closePath();
			//画针圆
			cxt.beginPath();
			cxt.strokeStyle="#ff0000";
			cxt.fillStyle='#aaafff'
			cxt.lineWidth=3;
			cxt.arc(290,215,5,0,360,false);
			cxt.stroke();
			cxt.closePath();
			
			
			var now=new Date();
			var h=now.getHours();			
			var m=now.getMinutes();
			var s=now.getSeconds();			
			h = h + (m / 60);
			h=h>12?h-12:h;

				
			//画时针
			cxt.save();
			cxt.translate(290,215);
			cxt.rotate((h+6) * 30 * Math.PI / 180);
			cxt.beginPath();
			cxt.strokeStyle="black";
			cxt.moveTo(0,10);
			cxt.lineTo(0,100);
			cxt.stroke();
			cxt.closePath();
			cxt.restore();
			//画分针
			cxt.save();
			cxt.translate(290,215);
			cxt.rotate((m+30) * 6 * Math.PI / 180);
			cxt.beginPath();
			cxt.strokeStyle="black";
			cxt.moveTo(0,10);
			cxt.lineTo(0,130);
			cxt.stroke();
			cxt.closePath();
			cxt.restore();
			//画秒针
			cxt.save();//保存路径
			cxt.translate(290,215);//旋转中心
			cxt.rotate((s+30)* 6 * Math.PI / 180);
			cxt.beginPath();
			cxt.strokeStyle="red";
			cxt.moveTo(0,5);
			cxt.lineTo(0,150);
			cxt.stroke();
			cxt.closePath();
			cxt.restore();//恢复路径

			
			
		}
		
		setInterval(drawclock,1000);
		
	</script>
</html>